<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>注册</title>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/cw.css"/>
    <style type="text/css">
     	.mui-content>.mui-input-group:first-child{ margin-top: 0; margin-bottom: 0;}
    	.mui-input-group .mui-input-row{height:49px;}
    	.mui-input-row{ list-style: none; font-size: 17px;}
    	.mui-input-row label{ width: 30%; position: relative; line-height:17px;line-height:27px;}
     	.mui-input-row label~input{ width: 70%; font-size:17px; padding: 0 15px 0 0; height: auto; line-height: 2.9;}
    	.mui-input-row .mui-input-clear~.mui-icon-clear{top:15px}
    	.mui-bar-nav~.mui-content{margin-top: 50px;}
    	.mui-radio input[type=radio]:checked:before {content: '\e440';color:#8dc21f;}
    	.mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before{font-size:14px;position:relative;top:-5px;}
    	.mui-checkbox.mui-left label, .mui-radio.mui-left label{padding-right:0px;padding-left:40px;}
    	.mui-input-group:after,.mui-input-group:before,.mui-table-view:after,.mui-table-view:before{height: 0px;}
    	.counter-input-1 {width:190px;margin-top:-15px;} 
    	.mui-table-view-cell.mui-active{background: white;} 
    </style>
</head>
<body>
	<header id="header" class="mui-bar mui-bar-nav">
		<i class="mui-icon mui-icon-back mui-action-back"></i>
		<h1 class="mui-title ">注册</h1>
	</header> 
	<div id="content" class="mui-content">
		
	    <ul class="mui-input-group">
	    	<li class="mui-table-view-cell">
	    	<div class="mui-input-group counter-input-1 ">
				<div class="mui-radio mui-left mui-pull-left">
					<label>医生</label>
					<input name="radio1" type="radio" value="4" checked>
				</div>
				<div class="mui-radio mui-left mui-pull-right">
					<label>商家</label>
					<input name="radio1" type="radio" value="3">
				</div>	
			</div> 
			</li>
	    	<li class="mui-input-row">
	    		<label>手机号</label>
	    		<input type="number" class="mui-input-clear phone" placeholder="请输入手机号"/>
	    	</li>
	    	<li class="mui-input-row">
	    		<label>验证码</label>
	    		<input type="number" class="mui-input-clear" placeholder="请输入验证码" id="code"/>
	    		<div class="verifyBtn">
	    			<input type="button" id="getcode" value="获取验证码"/>
	    		</div>
	    	</li>
	    	<li class="mui-input-row">
	    		<label>密&emsp;码</label>
	    		<input type="password" class="mui-input-clear pass" placeholder="请输入新密码"/>
	    	</li>
	    </ul>  	
	    <div class="btn">
	    	<button type="button" class="register">确定</button>
	    </div>
	</div>
</body>
<script src="../js/jquery-2.1.4.min.js"></script>
<script src="../js/mui.min.js"></script>
<script type="text/javascript" src="../js/public.js" ></script>
<script type="text/javascript" src="../js/app/me-register.js" ></script>
<script type="text/javascript" charset="UTF-8">
  	mui.init();
</script>
</html>